.g-row-flex {
  display: flex;
  align-items: center;
}
.g-flex {
  display: flex;
}
.g-row-flex-center {
  @extend .g-row-flex;
  justify-content: center;
}
.g-row-flex-wrap {
  @extend .g-row-flex;
  flex-wrap: wrap;
}
.g-row-flex-right {
  @extend .g-row-flex;
  justify-content: flex-end;
}
.g-wrap-flex {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start; // 加上这句换行后较大的空隙会消失
}

.g-column-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.g-column-center {
  @extend .g-column-flex;
  align-items: center;
}

.g-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.clearfix {
  zoom: 1;
  &:after{
    clear: both;
    content: '';
    display: block;
  }
}
.m-cursor {
  cursor: pointer;
}

.m-page-brand {
  margin-top: changePx(32px);
  margin-bottom: changePx(24px);
  .m-page-back{
    font-size: changePx(14px);
    font-weight: 500;
    color: #9B9C9E;
  }
  .m-page-prev-label {
    color: #2CA2FF;
    cursor: pointer;
  }
  .m-route-history,
  .m-route-current {
    font-size: changePx(14px);
    font-weight: 400;
    color: #9B9C9E;
    @extend .g-row-flex-center;
  }
  .m-route-history {
    cursor: pointer
  }
  .m-route-history-icon {
    transform: rotate(180deg);
  }
  .m-route-current {
    color: #737478;
  }
}

.scroll-body {
  overflow: auto;
  /*滚动条样式*/
  &::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
  }

  &::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
  }

  &::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
  }
}
// 去掉number类型input小箭头
input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

// iview提示组件样式修改
.ivu-message-notice-content {
  min-width: changePx(230px);
  padding-top: changePx(15px);
  padding-bottom: changePx(15px);
  color: #737478;
  box-shadow: 0 changePx(6px) changePx(12px) 0 rgba(138, 141, 144, 0.26);
}
.ivu-message .ivu-icon {
  font-size: changePx(21px);
}

.m-paramter-single {
  padding-left: changePx(31px);
  line-height: changePx(25px);
  margin-right: changePx(40px);
  cursor: pointer;
  // background: url('~@/assets/images/choose_nor.png') no-repeat left center;
  &.active {
    // background: url('~@/assets/images/choose_click.png') no-repeat left center;
  }
  &:last-child {
    margin-right: 0;
  }
}

@mixin box-sizing($value) {
  //box-shadow: h-shadow v-shadow blur spread color;
  box-sizing: $value;
  -webkit-box-sizing: $value;
  -o-box-sizing: $value;
  -moz-box-sizing: $value;
}

@mixin box($w, $h) {
  height: $h;
  width: $w;
  padding: 0;
  box-sizing: border-box;
  @include box-sizing(border-box);
}
@mixin max-box($w, $h) {
  max-height: $h;
  max-width: $w;
  padding: 0;
  box-sizing: border-box;
  @include box-sizing(border-box);
}
@mixin line-height-box($w, $h) {
  @include box($w, $h);
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: $h;
}
@mixin btnstyle($w, $h) {
  @include box($w, $h);
  @extend .g-row-flex-center;
  cursor: pointer;
  margin: 0;
  border: none;
  outline: none;
}
@mixin normal-btnstyle($w, $h) {
  @include box($w, $h);
  @extend .g-row-flex;
  cursor: pointer;
  margin: 0;
  border: none;
  outline: none;
}